<template>
  <div class="nav">
    <div class="navList">返回</div>
    <div class="navList">{{title}}</div>
    <div class="navList">首页</div>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      title:"首页",
      msg: 'Welcome to Your Vue.js App'
    }
  },
  mounted(){
            this.init();
  },
  methods:{
    init:function(){
      var title = localStorage.getItem('carHomeNavTitle');
      this.data.title = title;
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
 .nav{
     width: 100%;
     border-bottom: 1px solid gray;
     overflow: auto;
 }
 .nav .navList{
     width: 33.3%;
     float: left;
     line-height: 40px;
 }
</style>
